<template>
    <el-dialog :visible.sync="visible" width="600px" @close="close">
        <div class="patent-content">
            <div class="name">{{ patentInfo.patentName }}</div>
            <div class="flex">
                <div class="lable">申请号</div>
                <div class="lable">申请日期</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.applicationNumber || '暂无' }}</div>
                <div class="lable-info">{{ patentInfo.applyTime || '暂无' }}</div>
            </div>
            <div class="flex">
                <div class="lable">公告号</div>
                <div class="lable">公告日期</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.noticeNumber || '暂无' }}</div>
                <div class="lable-info">{{ patentInfo.noticeTime || '暂无' }}</div>
            </div>
            <div class="flex">
                <div class="lable">申请人</div>
                <div class="lable">发明人</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.applicant || '暂无' }}</div>
                <div class="lable-info">{{ patentInfo.inventor || '暂无' }}</div>
            </div>
            <div class="flex">
                <div class="lable">类型</div>
                <div class="lable">分类号</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.typeDesc || '暂无' }}</div>
                <div class="lable-info">{{ patentInfo.classifyNumber || '暂无' }}</div>
            </div>
            <div class="flex">
                <div class="lable">法律状态</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.legalStatus || '暂无' }}</div>
            </div>
            <div class="flex">
                <div class="lable">摘要</div>
            </div>
            <div class="flex">
                <div class="lable-info">{{ patentInfo.summary || '暂无' }}</div>
            </div>
        </div>
    </el-dialog>
</template>
<script>
import { patentInfo } from '../../../api/api.js'
export default {
    data() {
        return {
            visible: false,
            patentInfo: {}
        }
    },
    methods:{
        open(id,companyId) {
            this.visible = true
            this.getDetail(id,companyId)
        },
        getDetail(id,companyId) {
            patentInfo({applicationNumber: id,companyId: companyId}).then(res=>{
                // console.log(res)
                this.patentInfo = res
            })
        },
        close () {
            this.visible = false
        },
    }
}
</script>
<style lang="less" scoped>
.patent-content{
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    color: #000000;
    padding: 20px 15px;
    .name{
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 15px;
    }
    .flex{
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      margin-bottom: 8px;
      .lable{
        font-size: 14px;
        font-weight: 600;
        flex: 1;
      }
      .lable-info{
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        flex: 1;
        line-height: 24px;
      }
    }
  }
</style>